<template>
    <view>
        <block v-if="item.tmpl==`horizontally-left`">
            <dfer-horizontally-left-img-list :cardDatas="item.data.value" />
        </block>
        <block v-else-if="item.tmpl==`horizontally-right`">
            <dfer-horizontally-right-img-list :cardDatas="item.data.value" :type="item.id" />
        </block>
        <block v-else="item.tmpl==`vertically`">
            <dfer-vertically-list :cardDatas="item.data.value" :type="item.id" />
        </block>
    </view>
</template>

<script>
    /**
     * 公共列表
     * @description 此组件一般用于多个图片滚动显示。
     * @tutorial https://www.dfer.site
     * @property {Object} item 列表数据
     * @example <dfer-list :item="item" />
     */
    export default {
        name: "dfer-list",
        data() {
            return {};
        },
        props: {
            item: {
                required: true,
            }
        },
        created() {
            console.log(this.$options.name, this.item);
        },
        methods: {}
    }
</script>